<div class="row-fluid">
	<div class="span11 offset1">
		<form action="<?php echo BASE_URL?>users/add" method="post" class="form-horizontal">
			<div class="control-group">
				<label class="control-label" for="userGroup">User Group</label>
				<div class="controls">
					<select name="data[users][group_id]" required>
						<option value="">Select User Group</option>
						<?php 
							if(!empty($groups)){
								foreach($groups as $group){
									echo '<option value="' . $group -> id . '">' . $group -> title . '</option>';
								}
							}
						?>
					</select>
				</div>
			</div>
			 <div class="control-group">
				<label class="control-label" for="usersName">Username</label>
				<div class="controls">
					<input type="email" id="usersName" placeholder="Usersname" name="data[users][email_address]" class="input-xxlarge" required>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="usersFullname">Fullname</label>
				<div class="controls">
					<input type="text" id="usersFullname" placeholder="Fullname" name="data[users][fullname]" class="input-xxlarge" required>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="usersPassword">Password</label>
				<div class="controls">
					<input type="password" id="usersPassword" placeholder="Password" name="data[users][password]" class="input-xxlarge" required>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="usersRetypePassword">Re-type Password</label>
				<div class="controls">
					<input type="password" id="usersRetypePassword" placeholder="Re-type Password" name="" class="input-xxlarge" required>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="genderMale">Gender</label>
				<div class="controls">
					<div class="btn-group" data-toggle="buttons-radio">
					    <label class="btn active">
					        <input type="radio" name="data[users][gender]" id="genderMale" value="Male" checked> Male
					    </label>
					    <label class="btn">
					        <input type="radio" name="data[users][gender]" id="female" value="Female"> Female
					    </label>
					</div>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="statusOnline">Stutus</label>
				<div class="controls">
					<div class="btn-group" data-toggle="buttons-radio">
					    <label class="btn active">
					        <input type="radio" name="data[users][status]" id="statusOnline" value="1" checked> Online
					    </label>
					    <label class="btn">
					        <input type="radio" name="data[users][status]" id="statusOffline" value="0"> Offline
					    </label>
					</div>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<button type="submit" class="btn">Submit</button>
					<button type="button" class="btn" onclick="javascript:history.go(-1)">Cancel</button>
				</div>
			</div>
		</form>
	</div>
</div>

